:root{--navy:#102b50;--blue:#087cff;--text:#24364d;--muted:#607087;--bg:#f8fbff;--line:#dce8f5;--accent:#f5b942;--shadow:0 10px 35px rgba(16,43,80,.08)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}
.container{max-width:1180px;margin:auto;padding:0 28px}a{text-decoration:none;color:inherit}
header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center}
.brand{font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--navy)}
.brand:after{content:"";display:block;width:62px;height:3px;margin-top:4px;background:linear-gradient(90deg,var(--blue) 0 55%,var(--accent) 55%)}
section{padding:78px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2px;color:#355579;text-transform:uppercase;margin-bottom:12px}
.eyebrow:after{content:"";width:52px;height:3px;background:linear-gradient(90deg,var(--blue) 0 62%,var(--accent) 62%)}
h1,h2,h3{color:var(--navy);line-height:1.12}h1{font-size:clamp(42px,5vw,68px);letter-spacing:-2px}h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1px}h3{font-size:19px}p{color:var(--muted)}
.lead{font-size:18px;max-width:680px}.btn{display:inline-flex;background:var(--blue);color:#fff;padding:13px 22px;border-radius:28px;font-weight:700;box-shadow:0 8px 20px rgba(8,124,255,.22)}
.hero{background:#fff;padding:72px 0 86px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.hero h1{margin-bottom:18px}.hero h1 span{color:var(--blue)}
.hero .sub{font-size:21px;font-weight:700;color:var(--navy);margin-bottom:16px}.hero .lead{margin-bottom:28px}
.hero-image{min-height:390px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(8,124,255,.16),rgba(16,43,80,.16)),url("https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=1200&q=85") center/cover;box-shadow:var(--shadow)}
.hero-image:after{content:"DATA PRIVACY & PROTECTION";position:absolute;right:20px;bottom:20px;color:#fff;background:rgba(16,43,80,.9);padding:10px 15px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:1.3px}
.feature-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);margin-top:-28px;position:relative;z-index:2}
.feature{padding:27px 23px;border-right:1px solid var(--line)}.feature:last-child{border-right:0}
.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf5ff;color:var(--blue);font-size:20px;margin-bottom:14px}
.feature h3{font-size:16px;margin-bottom:6px}.feature p{font-size:13px}
.two-col{display:grid;grid-template-columns:1.35fr .8fr;gap:50px;align-items:center}.info-card{background:#edf7ff;border:1px solid #d6eaff;border-radius:20px;padding:30px}
.info-card ul{list-style:none;margin-top:14px}.info-card li{padding:9px 0;border-bottom:1px solid #d8eaf8;color:#526981}.info-card li:last-child{border:0}
.process{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.step{position:relative}.step-num{width:52px;height:52px;border-radius:50%;background:#edf7ff;border:1px solid #cfe7ff;display:grid;place-items:center;color:var(--blue);font-weight:800;margin-bottom:18px}
.step h3{font-size:18px;margin-bottom:8px}.step p{font-size:13px}.step:not(:last-child):after{content:"→";position:absolute;right:-18px;top:15px;color:var(--blue);font-size:24px}
.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.coverage{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.coverage:hover{box-shadow:var(--shadow)}
.coverage h3{font-size:17px;margin-bottom:8px}.coverage p{font-size:13px}
.techniques{background:#fff}.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:38px;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.tech{padding:25px 20px;border-right:1px solid var(--line)}.tech:last-child{border-right:0}.tech h3{font-size:15px;margin-bottom:7px}.tech p{font-size:12.5px}
.lifecycle{background:#f2f8ff}.lifecycle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:38px}.life{text-align:center}
.life-circle{width:58px;height:58px;border-radius:50%;margin:0 auto 13px;display:grid;place-items:center;background:#fff;border:1px solid #cfe7ff;color:var(--blue);font-weight:800}.life h3{font-size:14px;margin-bottom:4px}.life p{font-size:12px}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.audience{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px}.audience h3{font-size:16px;margin-bottom:7px}.audience p{font-size:13px}
.cta{padding:70px 0;background:var(--navy)}.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.cta h2{color:#fff;margin-bottom:14px}.cta p{color:#d9e5f2;margin-bottom:25px}
.cta-image{height:270px;border-radius:22px;background:url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1000&q=85") center/cover;border:1px solid rgba(255,255,255,.15)}.cta .btn{background:#fff;color:var(--navy);box-shadow:none}
footer{background:#0b203b;color:#9db0c6;text-align:center;padding:22px;font-size:12px}
@media(max-width:900px){.hero-grid,.two-col,.cta-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.process-grid{grid-template-columns:1fr}.step:not(:last-child):after{display:none}.coverage-grid{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:1fr 1fr}.tech{border-bottom:1px solid var(--line)}.lifecycle-grid{grid-template-columns:repeat(3,1fr)}.audience-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){section{padding:55px 0}.container{padding:0 18px}.hero{padding:50px 0}.hero-image{min-height:270px}.feature-row,.coverage-grid,.audience-grid,.tech-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.lifecycle-grid{grid-template-columns:1fr 1fr}}

.dpdp-card{background:linear-gradient(135deg,#eef8ff,#fff);border:1px solid #cfe7ff;border-radius:20px;padding:32px;box-shadow:var(--shadow)}
.dpdp-badge{display:inline-block;background:#102b50;color:#fff;padding:7px 12px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:12px}
.consent-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:stretch;margin-top:30px}
.consent-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}
.consent-step{background:#fff;border:1px solid #cfe7ff;border-radius:10px;padding:15px 8px;text-align:center;font-size:11px;font-weight:800;color:var(--navy)}
.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}
.region{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}
.region .tag{font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--blue)}
.region h3{margin:7px 0;font-size:17px}
.region p{font-size:12.5px}
.geo-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}
.geo-step{background:#fff;border:1px solid #cfe7ff;border-radius:10px;padding:18px 10px;text-align:center;color:var(--navy);font-weight:800}
.geo-step small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
@media(max-width:900px){.consent-grid,.region-grid{grid-template-columns:1fr 1fr}.consent-flow,.geo-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.consent-grid,.region-grid{grid-template-columns:1fr}.consent-flow,.geo-flow{grid-template-columns:1fr 1fr}}

/* SEO FAQ */
.faq-section{background:#f2f8ff}
.faq-intro{max-width:760px;margin-top:18px}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}
.faq-item h3{font-size:17px;line-height:1.35;margin-bottom:10px}
.faq-item p{font-size:14px}
@media(max-width:700px){.faq-list{grid-template-columns:1fr}}